.tip {
  color: #666666;
  font-size: 0.8rem;
  margin: 0.5rem 1rem;
}
.recommendation-problem-item {
  --radius: 0.5rem;
  margin: 0.5rem 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  border-radius: var(--radius);
  grid-column: span 6 / -1;
  animation: fade-in 0.3s ease-out forwards;
  background: #f2f2f2;
  padding: 0.5rem 1rem;
  font-size: 0.9rem;

  .item-text {
    flex: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 1rem;
  }
}
